@import '../../../core/index.less';
.orin-sw-resegments-root {
    padding: 0px;
    margin: 0px;
    height: 100%;
}

.theme-dark {
    .orin-sw-resegments-root {
        display: flex;
        width: 100%;
        height: @dark_textFieldHeight;
        line-height: @dark_textFieldHeight;
        border-radius: @dark_borderRadius;
        background-color: @dark_bgColor;
        overflow: hidden;
        font-size: 12 / @remScale;
        .segments-item {
            flex: 1;
            text-align: center;
            color: @dark_fontColor;
            cursor: pointer;
            &:hover {
                background-color: @dark_bgHighlightColor2;
                color: @dark_fontColor;
            }
            &.active {
                background-color: @dark_bgBlackColor;
                color: @dark_fontBlueColor;
            }
        }
    }
}
